@charset "utf-8";
/* CSS Document */

html, body { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; }

body { background-color: #606061; color: #ffffff; }
img { border: none; }
p {	font-size: 1em;	margin: 0 0 1em 0; }
h1, h2, h3 { margin-top:0; }

pre { white-space:pre-wrap; }
code { font-size:18px; }

.comment { color:#969696; }
.keyword { color:#0000E6; }
.directive { color:#009900; }
.extfile { color:#CE7B00; }
.string { color:#CE7B00; }
.function { font-weight:bold; }

/* Navigation menu */
html { font-size: 100%; /* IE hack */ }
body { font-size: 1em; /* Sets base font size to 16px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#container {
	width:auto;
	height:auto;
}

#header {
	position:absolute;
	top:0;
	left:330px;
	height:50px;
	width:90%;
	background: url(images/header_background.gif);
	background-repeat:repeat-x;
}

#content {
	position:absolute;
	left:330px;
	top:75px;
	width:90%;
	height:auto;
}

#content #center {
	position:relative;
	margin-left:2.5%;
	margin-right:2.5%;
	width:80%;
}

#content #left {
	float:left;
	margin-left:2.5%;
	width:45%;
}

#content #right {
	float:left;
	margin-left:5%;
	width:35%;
}
#content #right pre code { font-size:16px; }

#nav {
	position:absolute;
	top:0;
	left:0;
	width:330px;
	height:auto;
	background-color:#CCC;
}

#navlist { position:relative; top:0; left:100px; }
#navlist li { margin:0; padding:0; list-style:none; position:absolute; top:0; }
#navlist li, #navlist a{ height:45px; display:block; }


#prev { left:0; width:50px; }
#prev { background:url('images/nav_sprites.png') 0 0; }

#next { left:80px; width:50px; }
#next { background:url('images/nav_sprites.png') 50px 0; }

/* CSS Tree menu styles */
ol.tree
{
	margin: 30px 0px ;
	padding: 0 0 0 30px;
	width: 300px;
}
	ol.tree li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(images/document.png) 0 0 no-repeat;
			color: #fff;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
		li.file a[href *= '.pdf']	{ background: url(images/document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(images/document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(images/document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']	{ background: url(images/document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
		opacity: 0;
		filter:alpha(opacity=0);
	}
		li input + ol
		{
			background: url(images/toggle-small-expand.png) 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		background: url(images/folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

	li input:checked + ol
	{
		background: url(images/toggle-small.png) 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }